<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ include file="/page/taglibs.jsp" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<%@ include file="/adapter/adapter-bootstrap.jsp" %>
<script type="text/javascript">
	var basePageMake = "${ctx}/pagemgr/edit";
	var basePageDelete="${ctx}/pagemgr/deletePage";
	var pageMakeUrl = "",pageDeleteUrl="", pageId = "";
	
	
	function rowClickAfter(rowIndex,curPageId) {

		pageId = curPageId;
		pageMakeUrl = basePageMake + "?page_id=" + pageId;
		pageDeleteUrl=basePageDelete+"?page_id=" + pageId;

		var  arrId = document.getElementsByName("check");
		arrId[rowIndex -1 ].checked=true;	
	}

	function doPageEdit(){
		if (pageId == "") {
			alert("请选择要制作的页面！");
		} else {
			//Utils.forward(pageMakeUrl);
			document.getElementById("linkPage").href = pageMakeUrl;
			document.getElementById('linkPage').click();			
		}
	}
	
	function doPageDelete(){
		if (pageId == "") {
			alert("请选择要删除的页面！");
		} else {
			if(p_del()){
			//Utils.forward(pageDeleteUrl);
			    $.ajax({
			        url:pageDeleteUrl,
			        type: "POST",      
			        dataType:"json",
			        async: false,
			        success: function(data) {
			        	if(data.flag>0){
				            alert("删除成功！");	
				            window.location.reload();
			        	}
			/* 	          $.each(data, function(index, element) {
			             window.location.reload();
			          }); */
			        },
			        error: function() {
			          alert("error");
			        }
			      });
			}
		}
	}
	
	function p_del() { 
		var msg = "您真的确定要删除吗？\n\n请确认！"; 
		if (confirm(msg)==true){ 
		return true; 
		}else{ 
		return false; 
		} 
	} 
</script>
</head>
<body>
<div class="panel panel-default">
   <div class="panel-heading">
      <h3 class="panel-title">
          请输入查询条件
      </h3>
   </div>
   <div class="panel-body">
<form class="form-horizontal" role="form" action="${pageContext.request.contextPath }/pagemgr/queryList?pageMakeMode=${pageMakeMode}">
                       <div class="form-group">
                           <input class="input-sm form-control" id="pageMakeMode" name="pageMakeMode" value="${pageMakeMode}" type="hidden"/>
                          <label class="col-xs-1 control-label" for="pageid">页面标识：</label>
                          <div class="col-xs-3">
                             <input class="input-sm form-control" id="pageid" name="pageid" type="text"/>
                          </div>
                          <label class="col-xs-1 control-label" for="pagename">页面名称：</label>
                          <div class="col-xs-3">
 									<input class="input-sm form-control" id="pagename" name="pagename" type="text"/>
                          </div>
                          <div class="col-xs-3">
                          	 <button type="submit" class="btn btn-default btn-sm" >查询</button>                          
                          </div>
                       </div>
 </form>
   </div>
</div>               

			<div class="op-btn">
				<input type="button" class="btn btn-default" value="创建页面" onclick="Utils.forward('${ctx}/pagemgr/create');"/> 
				<input type="button" class="btn btn-default" value="页面制作" onclick="doPageEdit()"/>
				<input type="button" class="btn btn-default" value="删除页面"  onclick="doPageDelete()"/>
				<a id="linkPage"  target="_blank"/></a>
			</div>	
<macms:table dataListName="spbList">
	<macms:html id="ch" label="选择" innerHtml="<input type=\"radio\" name=\"check\" value=\"15\">"></macms:html>
	<macms:text id="page_id" label="页面标识"></macms:text>
	<macms:text id="page_name" label="页面名称"></macms:text>
	<macms:text id="page_make_mode" label="页面制作方式" dictname="PAGE_MAKE_MODE"></macms:text>
	<macms:text id="template_name" label="使用模板"></macms:text>
	<macms:text id="last_modify_date" label="最近修改日期"></macms:text>
</macms:table>
<script type="text/javascript">
	var preRow = null;
	$('tbody tr').bind('click', function() {
	
		var rowIndex = $(this).prevAll().length+1;
		if(rowIndex <1) return;
		
		if(preRow != null){
			preRow.removeClass("active");
		}
		$(this).addClass("active");
		preRow = $(this);

		// 行单击后事件(传入行号，页面标识)
		rowClickAfter(rowIndex,
				$(this).find("td").eq(1).text());
	});
</script>
</body>
</html>
